<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/include/taglib.jsp"%>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta charset="UTF-8">
		<title>足迹_共富网_Gofull.com.cn</title>
		<script src="/v3/js/jquery-1.10.2.min.js" type="text/javascript"></script>		
		<link type="text/css" rel="stylesheet" href="/v3/css/wstyle.css">
		<link type="text/css" rel="stylesheet" href="/v3/css/fpStyle.css">
	</head>
<style>
#footer{margin-top:0;}
</style>
	<body>
		<div id="wrap">
			<div class="my-foot">
				<div class="my-leval"><br>财富等级：贫农</div>
				<div class="my-next">
					<div class="leval-face"><img src="/v3/images/footPrint/gunong.jpg"/></div>
					<div class="rate-leval">
						<span>据下个目标还需</span>
						<div class="per" data-rel="100.00">
							<div style="width: 80.00%"></div>
						</div>
						<span>击败全国99.99%的投资人</span>
					</div>
					<div class="leval-face"><img src="/v3/images/footPrint/pinnong.jpg"/></div>
				</div>
				<ul class="my-index">
					<li>
					<span class="my-index-font">魅力指数</span>
					<span class="my-index-icon">
					<img width="20" src="/v3/images/footPrint/hg-icon.jpg"/>
					<img width="20" src="/v3/images/footPrint/hg-icon.jpg"/>
					<img width="20" src="/v3/images/footPrint/hg-icon.jpg"/>
					<img width="15" src="/v3/images/footPrint/zs-icon.jpg"/>
					<img width="15" src="/v3/images/footPrint/zs-icon.jpg"/>
					<img width="15" src="/v3/images/footPrint/zs-icon.jpg"/>
					<img width="13" src="/v3/images/footPrint/xx-icon.jpg"/>
					<img width="13" src="/v3/images/footPrint/xx-icon.jpg"/>
					<img width="13" src="/v3/images/footPrint/xx-icon.jpg"/>
					</span>
					</li>
					<li>
					<span class="my-index-font">红颜指数</span>
					<span class="my-index-icon">
					<img width="20" src="/v3/images/footPrint/hg-icon.jpg"/>
					<img width="20" src="/v3/images/footPrint/hg-icon.jpg"/>
					<img width="15" src="/v3/images/footPrint/zs-icon.jpg"/>
					<img width="15" src="/v3/images/footPrint/zs-icon.jpg"/>
					<img width="15" src="/v3/images/footPrint/zs-icon.jpg"/>
					<img width="13" src="/v3/images/footPrint/xx-icon.jpg"/>
					<img width="13" src="/v3/images/footPrint/xx-icon.jpg"/>
					<img width="13" src="/v3/images/footPrint/xx-icon.jpg"/>
					</span>
					</li>
					<li>
					<span class="my-index-font">跟投指数</span>
					<span class="my-index-icon">
					<img width="20" src="/v3/images/footPrint/hg-icon.jpg"/>
					<img width="20" src="/v3/images/footPrint/hg-icon.jpg"/>
					<img width="15" src="/v3/images/footPrint/zs-icon.jpg"/>
					<img width="13" src="/v3/images/footPrint/xx-icon.jpg"/>
					<img width="13" src="/v3/images/footPrint/xx-icon.jpg"/>
					<img width="13" src="/v3/images/footPrint/xx-icon.jpg"/>
					</span>
					</li>
				</ul>
				<div class="shareFoot"><a href="javascript:void(0)" id="share_btn"><img src="/v3/images/footPrint/share-bt.jpg"/></a></div>
			</div>
			<div class="myFootPrint">
			<section id="cd-timeline" class="cd-container">
				<div class="cd-timeline-block">
					<div class="cd-timeline-img cd-blue">
					</div>
			
					<div class="cd-timeline-content">
						<h2>HTML5+CSS3实现的响应式垂直时间轴</h2>
						<p>网页时间轴一般用于展示以时间为主线的事件，如企业网站常见的公司发展历程等。</p>
						<span class="cd-date">2015-01-06</span>
					</div>
				</div>
				<div class="cd-timeline-block">
					<div class="cd-timeline-img cd-org">
					</div>
			
					<div class="cd-timeline-content">
						<h2>jQuery+PHP动态数字展示效果</h2>
						<p>我们在一些应用中需要动态展示数据，比如当前在线人数，当前交易总额，当前汇率等等，前端页面需要实时刷新获取最新数据。本文将结合实例给大家介绍使用jQuery和PHP来实现动态数字展示效果。</p>
						<span class="cd-date">2014-12-25</span>
					</div>
				</div>
				<div class="cd-timeline-block">
					<div class="cd-timeline-img cd-red">
					</div>
			
					<div class="cd-timeline-content">
						<h2>PHP操作Session和Cookie</h2>
						<p>我们跟踪用户信息时需要用到Session和Cookie，比如用户登录验证、记录用户浏览历史，存储购物车数据，限制用户会话有效时间等。今天我们来了解下PHP是如何操作Session和Cookie的。</p>
						<span class="cd-date">2014-12-20</span>
					</div>
				</div>
				<div class="cd-timeline-block">
					<div class="cd-timeline-img cd-green">
					</div>
			
					<div class="cd-timeline-content">
						<h2>jQuery数字加减插件</h2>
						<p>我们在网上购物提交订单时，在网页上一般会有一个选择数量的控件，要求买家选择购买商品的件数，开发者会把该控件做成可以通过点击实现加减等微调操作，当然也可以直接输入数字件数。本文将介绍常见的几种使用spinner数字微调器来实现数字加减的功能的方法。</p>
						<span class="cd-date">2014-12-14</span>
					</div>
				</div>
				<div class="cd-timeline-block">
					<div class="cd-timeline-img cd-yellow">
					</div>
			
					<div class="cd-timeline-content">
						<h2>收集整理的非常有用的PHP函数</h2>
						<p>项目中经常会需要一些让人头疼的函数，作为开发者应该整理一个自己的函数库，在需要之时复制过来即可。本文作者收集整理数十个PHP项目中常用的函数，保证能正常运行，你只要复制粘贴到你项目中即可。</p>
						<span class="cd-date">2014-12-05</span>
					</div>
				</div>
			</section>	
			</div>
		</div>
		<div class="share-layer">
				<div></div>
		</div>
		<jsp:include page="/include/v3/footer.jsp"></jsp:include>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
    wx.config({
        debug: false,
        appId: '${wxConfigMap.appId}',
        timestamp: ${wxConfigMap.timestamp},
        nonceStr: '${wxConfigMap.nonceStr}',
        signature: '${wxConfigMap.signature}',
        jsApiList: [
            // 所有要调用的 API 都要加到这个列表中
            'hideOptionMenu',
        ]
    });
    wx.ready(function () {
    	wx.hideOptionMenu();
    });
</script>
<script>
$(window).load(function() {
$(".rate-leval").width($(".my-next").width()-$(".leval-face").width()*2-5); 
$(window).resize(function(){
myWindowResize();
})
function myWindowResize(){
$(".rate-leval").width($(".my-next").width()-$(".leval-face").width()*2-5); 
}
});
</script>
<script type="text/javascript">
	$(function() {
		$('#share_btn').click(function(){
			$(".share-layer").show();
		});
		$('.share-layer').click(function(){
			$(".share-layer").hide();
		});
	})
/*
	function join() {
		$.ajax( {
					url : "/wlcShareInit.do",
					dataType : "json",
					type : "POST",
					success : function(data) {
						if (data.msg == 'success') {
							window.location.href = "/wlcShareInfo.do?param="
									+ data.param;
						} else if (data.msg == 'noLogin') {
							window.location.href = "/wchatLoginInit.do?afterLoginUrl=wlcShare.do";
						} else if (data.msg == 'noBindMobile') {
							$("#share").hide();
							$("#bind").show();
						}else if (data.msg == 'noSpliteEnvelope') {
							$("#share").hide();
							$("#invest").show();
						}else if (data.msg == 'spliteEnvelopeDead') {
							$("#share").hide();
							$("#envelopeDead").show();
						}else if (data.msg == 'envelopeEnd') {
							$("#share").hide();
							$("#envelopeEnd").show();
						} else {
							alert(data.msg);
						}
					},
					error : function(data) {
						console.log(data);
					}
				});
	};*/
</script>
	</body>

</html>
